<template>
    <view class="justify-between box">
        <view class="align-stretch" @click="handleNavigateTo('/pagesA/residential/index')">
            <up-image src="https://img0.baidu.com/it/u=3628503530,464378779&fm=253&app=120&size=w931&n=0&f=JPEG&fmt=auto?sec=1708448400&t=3390aeb1700cfaf3404c98cb4b41722b" width="126rpx" height="100rpx" radius="16rpx"></up-image>
            <view class="align-between ml16">
                <view class="font28 weight">春波小区</view>
                <view class="font20">滨江区春波路646号</view>
                <view class="font16 purple">166人已关注</view>
            </view>
        </view>
        <view class="btn">取消设置</view>   
        <view class="bg-btn" v-show="false">设置</view>
    </view>
</template>

<script setup lang="ts">
import { handleNavigateTo } from '@/plugins/uniApp';
</script>

<style lang="scss" scoped>
.box {
    padding: 20rpx 0;
}

.btn {
    width: 120rpx;
    height: 48rpx;
    border: 1rpx solid #966BFF;
    border-radius: 24rpx;
    text-align: center;
    line-height: 48rpx;
    font-size: 22rpx;
    font-weight: bold;
    color: #966BFF;

    &:active {
        background: rgba(0, 0, 0, .2);
    }
}

.bg-btn {
    width: 120rpx;
    height: 48rpx;
    border-radius: 24rpx;
    text-align: center;
    line-height: 48rpx;
    font-size: 22rpx;
    font-weight: bold;
    color: #fff;
    background: #966BFF;
}
</style>